<template>
  <div class="dashboard-container">
    <el-row>
      <el-col :xs="{span: 24}" :sm="{span: 24}" :md="{span: 24}" :lg="{span: 24}" :xl="{span: 24}" style="">
        <bank/>
      </el-col>
    </el-row>
    <el-row>
      <el-col :xs="{span: 24}" :sm="{span: 24}" :md="{span: 12}" :lg="{span: 12}" :xl="{span: 12}" style="">
        <bankup/>
      </el-col>
      <el-col :xs="{span: 24}" :sm="{span: 24}" :md="{span: 12}" :lg="{span: 12}" :xl="{span: 12}" style="padding-left:10px; ">
        <top/>
      </el-col>
    </el-row>
  </div>
</template>

<script>

import Bank from './components/bank.vue'
import Bankup from './components/bankup.vue'
import Top from './components/top.vue'

export default {
  name: "question",
  components: {
    Bank,
    Bankup,Top
  },
  data() {
      return {
          
      }
  },
  created() {
      
  },
  methods:{

  }
}

</script>

<style lang="scss" scoped>
.dashboard-container{
  padding: 10px;
}
.app-container-echart {
  padding: 15px;
  background-color: #ffffff;
  position: relative;
  height: 366px;
  width: 100%;
  margin-bottom: 10px;
  .chart {
    height:300px;
    width:100%;
  }
}
</style>
